<template>
  <div class="home">
      <section class="Profile">
        <section class="Select" @click="Personal()">
          <div class="Doctor">
            <img src="../../assets/img/Touxiang.png" alt="">
          </div>
          <div class="fontCfff Me">
            <h3 class="fontsM">渣渣灰</h3>
            <p class="fonts">上次登录 2020-01-10</p>
          </div>
        </section>

        <section class="Select fontCfff ProfileB">
          <div class="SelectS fonts" @click="Wallet()">
            <p>102.13</p>
            <p>余额</p>
          </div>
          <div class="SelectS fonts" @click="Record()">
            <p>2</p>
            <p>挂号单</p>
          </div>
          <div class="SelectS fonts" @click="Card()">
            <p>3</p>
            <p>健康卡</p>
          </div>
        </section>
      </section>

      <section class="Select group groupM ProfileFlex">
        <div class="SelectS" @click="Record()">
          <img src="../../assets/img/Regitered.png" alt="">
          <p class="fonts">我的挂号</p>
        </div>
        <div class="SelectS" @click="Card()">
          <img src="../../assets/img/HealthCard.png" alt="">
          <p class="fonts">我的健康卡</p>
        </div>
        <div class="SelectS" @click="Family()">
          <img src="../../assets/img/Family.png" alt="">
          <p class="fonts">家人管理</p>
        </div>
        <div class="SelectS" @click="Collect()">
          <img src="../../assets/img/Collect.png" alt="">
          <p class="fonts">我的收藏</p>
        </div>
      </section>

      <section class="group">
        <div class="resultInfo Select" @click="Customer()">
          <div class="Select">
            <img class="cardimg" src="../../assets/img/Help.png" alt="">
            <p class="fonts">客服帮助</p>
          </div>
          <div class="arrow Select">
            <img src="../../assets/img/arrow.png" alt="">
          </div>
        </div>
        <div class="resultInfo Select" @click="Service()">
          <div class="Select">
            <img class="cardimg" src="../../assets/img/Service.png" alt="">
            <p class="fonts">服务中心</p>
          </div>
          <div class="arrow Select">
            <img src="../../assets/img/arrow.png" alt="">
          </div>
        </div>
      </section>
    <Tabbar></Tabbar>
  </div>
</template>

<script>
import Tabbar from '../../components/Tabbar'

export default {
  data () {
    return {
    }
  },
  components: {
    Tabbar
  },
  methods: {
    Personal () {
      this.$router.push({
        path: '/Personal'
      })
    },
    //  挂号跳转
    Record () {
      this.$router.push({
        path: '/Record'
      })
    },
    //  卡包跳转
    Card () {
      this.$router.push({
        path: '/Card'
      })
    },
    //  点击余额
    Wallet () {
      this.$router.push({
        path: '/Wallet'
      })
    },
    //  家人管理
    Family () {
      this.$router.push({
        path: '/Family'
      })
    },
    //  我的收藏
    Collect () {
      this.$router.push({
        path: '/Collect'
      })
    },
    //  客服帮助
    Customer () {
      this.$router.push({
        path: '/Customer'
      })
    },
    //  服务中心
    Service () {
      this.$router.push({
        path: '/Service'
      })
    }
  }
}
</script>

<style scoped>
.home {
  padding-top: 0;
  background: none;
}
.groupM {
  margin-top: 0;
}
.cardimg {
  width: 0.5rem;
}
</style>
